<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@include file="/common.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<meta charset="utf-8">
<head></head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <form class="form-horizontal m" id="form-role-add">
        <input class="form-control" type="hidden" name="roleSort" id="roleSort" value="1">
        <div class="form-group">
            <label class="col-sm-3 control-label ">角色名称：</label>
            <div class="col-sm-8">
                <input class="form-control" type="text" name="roleName" id="roleName"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">审核权限：</label>
            <div class="col-sm-8"> 
                <div class="onoffswitch">
                	<input class="onoffswitch-checkbox" checked type="checkbox" name="roleKey" id="roleKey"> 
                    <label class="onoffswitch-label" for="roleKey">
                        <span class="onoffswitch-inner"></span>
                        <span class="onoffswitch-switch"></span>
                    </label>
                </div> 
            </div>
        </div>
        
        <div class="form-group">
            <label class="col-sm-3 control-label">状态：</label>
            <div class="col-sm-8">
                <div class="onoffswitch">
                    <input type="checkbox" checked class="onoffswitch-checkbox" id="status" name="status">
                    <label class="onoffswitch-label" for="status">
                        <span class="onoffswitch-inner"></span>
                        <span class="onoffswitch-switch"></span>
                    </label>
                </div>
            </div>
        </div>
        <%--<div class="form-group">--%>
            <%--<label class="col-sm-3 control-label">备注：</label>--%>
            <%--<div class="col-sm-8">--%>
                <%--<input id="remark" name="remark" class="form-control" type="text">--%>
            <%--</div>--%>
        <%--</div>--%>
        <div class="form-group">
            <label class="col-sm-3 control-label">菜单权限</label>
            <div class="col-sm-8">
                <div id="menuTrees" class="ztree"></div>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
	$(function() {
		var url = "${ctx}/system/menu/roleMenuTreeData";
		var options = {
			id : "menuTrees",
			url : url,
			check : {
				enable : true,
				nocheckInherit : true,
				chkboxType : {
					"Y" : "ps",
					"N" : "ps"
				}
			},
			expandLevel : 0
		};
		$.tree.init(options);
	});

	$("#form-role-add").validate({
		rules : {
			roleName : {
				required : true,
				remote : {
					url : "${ctx}/system/role/checkRoleNameUnique",
					type : "post",
					dataType : "json",
					data : {
						"roleName" : function() {
							return $.common.trim($("#roleName").val());
						}
					},
					dataFilter : function(data, type) {
						return $.validate.unique(data);
					}
				}
			},
			roleKey : {
				required : true,
				remote : {
					url : "${ctx}/system/role/checkRoleKeyUnique",
					type : "post",
					dataType : "json",
					data : {
						"roleName" : function() {
							return $.common.trim($("#roleName").val());
						}
					},
					dataFilter : function(data, type) {
						return $.validate.unique(data);
					}
				}
			},
			roleSort : {
				required : true,
				digits : true
			},
		},
		messages : {
			"roleName" : {
				remote : "角色名称已经存在"
			},
			"roleKey" : {
				remote : "角色权限已经存在"
			}
		}
	});

	function submitHandler() {
		if ($.validate.form()) {
			add();
		}
	}

	function add() {
		var roleName = $("input[name='roleName']").val();
		var roleKey = $("input[name='roleKey']").val();
		var roleSort = $("input[name='roleSort']").val();
		var status = $("input[name='status']").is(':checked') == true ? 0 : 1;
		var remark = $("input[name='remark']").val();
		var menuIds = $.tree.getCheckedNodes();
		$.ajax({
			cache : true,
			type : "POST",
			url : "${ctx}/system/role/add",
			data : {
				"roleName" : roleName,
				"roleKey" : roleKey,
				"roleSort" : roleSort,
				"status" : status,
				"remark" : remark,
				"menuIds" : menuIds
			},
			async : false,
			error : function(request) {
				$.modal.alertError("系统错误");
			},
			success : function(data) {
				$.operate.successCallback(data);
			}
		});
	}
</script>
</body>
</html>
